<template>
  <div id="app">
    <img src="./assets/logo.png">
    <!-- 新增加的   #/一般写在html里面 代表一个锚点 这种模式的主要作用是确保页面刷新时，路由不会丢失 地质变化 路由会检测到 并跳到对应的路由页面 -->
    <a href="#/">主页</a>
    <a href="#/user">用户管理</a>
    <router-view/>      <!-- 路由 显示App.vue组件页面那个路径对应的路由 / 现在对应的是Helloworld  只有这部分会变化 -->
  </div>
</template>

<script>
export default {
  name: 'App',        //输出组件App  ES6的语法  暴露组件（其他的要用）main.js
  // data() {         // 自己的实例可以写自己页面上（上方）用的
  //   return {
  //     msg: "小陈"
  //   }
  // },
  // methods: {},
  // created() {
  // }

}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
